<template>
    <div>
        <span class="title">提交结果</span>
     <el-table :data="tabledatas" border>
            <el-table-column label="你的输出结果">
                <template slot-scope="scope">
                    <el-input placeholder=" " v-show="scope.row.show" v-model="scope.row.tab1"></el-input>
                    <span v-show="!scope.row.show">{{scope.row.tab1}}</span>
                </template>
            </el-table-column>  
     </el-table>  
     <el-table :data="tabledatas" border>
            <el-table-column label="你的代码">
                <template slot-scope="scope">
                    <el-input placeholder=" " v-show="scope.row.show" v-model="scope.row.tab2"></el-input>
                    <span v-show="!scope.row.show">{{scope.row.tab2}}</span>
                </template>
            </el-table-column> 
     </el-table> 
     <el-table :data="tabledatas" border>
            <el-table-column label="标准输入数据">
                <template slot-scope="scope">
                    <el-input placeholder=" " v-show="scope.row.show" v-model="scope.row.tab3"></el-input>
                    <span v-show="!scope.row.show">{{scope.row.tab3}}</span>
                </template>
            </el-table-column>  
     </el-table>  
     <el-table :data="tabledatas" border>
            <el-table-column label="标准输出数据">
                <template slot-scope="scope">
                    <el-input placeholder=" " v-show="scope.row.show" v-model="scope.row.tab4"></el-input>
                    <span v-show="!scope.row.show">{{scope.row.tab4}}</span>
                </template>
            </el-table-column>  
     </el-table>  
     <el-table :data="tabledatas" border>
            <el-table-column label="本题结果">
                <template slot-scope="scope">
                    <el-input placeholder=" " v-show="scope.row.show" v-model="scope.row.tab5"></el-input>
                    <span v-show="!scope.row.show">{{scope.row.tab5}}</span>
                </template>
            </el-table-column>  
     </el-table>  
    </div>
</template>

<script>
     export default {
        data() {
            return {
                tabledatas: [
                    { tab1: '555' , tab2: 'int i',tab3: '111',tab4: '555',tab5:'√' },
                    
                ],
                show:false
            }
        },
    }
</script>

<style scoped>
.title{
font-size: 32px;
    color: #040416;
    margin-bottom: 30px;
    font-weight: bold;
}

</style>